<template>
    <div class="main-page-content page-demo-account-set">
        <div class="page-content">
            <a-row>
                <a-col :span="4">
                    <a-menu v-model="active_menus" mode="inline" @click="handelMenus">
                        <a-menu-item :key="item.href" v-for="item in list_menu" >
                            {{ item.name }}
                        </a-menu-item>
                    </a-menu>
                </a-col>
                <a-col :span="20" >
                    <router-view/>
                </a-col>
            </a-row>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            "list_menu" : [
                {
                    "name":"基本设置",
                    "href":"/account/set/base",
                },
                {
                    "name":"安全设置",
                    "href":"/account/set/security",
                },
                {
                    "name":"隐私设置",
                    "href":"/account/set/privacy",
                },
                {
                    "name":"第三方账号",
                    "href":"/account/set/tripartite",
                },
                {
                    "name":"消息通知",
                    "href":"/account/set/message",
                }
            ],
            "active_menus"  : ['/account/set/base'],
        };
    },
    mounted(){
        var path = this.$router.history.current;
    },
    methods:{
        handelMenus(data){
            this.$router.push({
                "path":data.key
            });
        }
    }
}
</script>

<style lang="less" scoped>
@import "./set.less";
</style>